
<div class="main">

	<section>

		<!-- Headings -->
		
		<h2>Heading 2</h2>
		
		<h3>Heading 3</h3>
		
		<h4>Heading 4</h4>
		

		<!-- Mensaje de exito o error -->
		
		<div class="flash good">Good.</div>
		<div class="flash bad">Bad.</div>

		
		<!-- Botones -->
		
		<div class="buttonbar">
			<button class="button">Add</button>
			<button class="button">Update</button>
			<button class="button">Delete</button>
		</div>
		
		
		
		<!-- Filtros -->
		
		<ul class="filtros">
			<li><span class="bold">area</span> marketing <a title="Quitar filtro" href="/ss/casos/general/tag:marketing"></a></li>
			<li><span class="bold">tag</span> bug <a title="Quitar filtro" href="/ss/casos/general/area:marketing/"></a></li>
			<li><span class="bold">place</span> far <a title="Quitar filtro" href="/ss/casos/general/area:marketing/"></a></li>
		</ul>		

		
		
		<!-- Tabla -->
		
		<ul class="list">
			<li class="th"><div>one</div><div>one</div><div>one</div><div>one</div><div>one</div></li>
			<li><div>one</div><div>one</div><div>one</div><div>one</div><div>one</div></li>
			<li><div>two</div><div>two</div><div>two</div><div>two</div><div>two</div></li>
			<li><div>three</div><div>three</div><div>three</div><div>three</div><div>three</div></li>
			<li><div>four</div><div>four</div><div>four</div><div>four</div><div>four</div></li>
			<li><div>five</div><div>five</div><div>five</div><div>five</div><div>five</div></li>
		</ul>
		
		
		<!-- Paginador -->
		
		<div class="nav">
			<a href="/ss/casos/general/items:10/pagina:1/">First</a>
			<a href="/ss/casos/general/items:10/pagina:1/">&laquo; Previous</a>
			<a href="/ss/casos/general/items:10/pagina:1/">1</a>
			<a class="current">2</a>
			<a href="/ss/casos/general/items:10/pagina:3/">3</a>
			<a href="/ss/casos/general/items:10/pagina:4/">4</a>
			<a href="/ss/casos/general/items:10/pagina:3/">Next &raquo;</a>
			<a href="/ss/casos/general/items:10/pagina:4/">Last</a>
		</div>
		
		
		<!-- Footer -->
		
		<div class="foot minicon">
			<a class="back" href="index.php">Back</a>
			<a class="add" href="/ss/admin/facturas/descargar/">Add</a>
		</div>
		
	</section>
	

	
	

	<!-- Section with articles -->
	
	<section>
		<h2>Section header</h2>
		<h3>Subtitle</h3>
		<article>
			<h4>Some article.</h4>
			<p>Article.</p>
		</article>
		<article>
			<h4><a>Some title with a link.</a></h4>
			<p>Article.</p>
		</article>
		<article>
			<h4><a>Another title with a link.</a></h4>
			<p><span class="ghost">EXAMPLE</span> &middot; Article.</p>
		</article>
		<article>
			<h4>Another article with a very long title.</h4>
			<p><span class="ghost">EXAMPLE</span> &middot; Article.</p>
		</article>
		<div class="foot minicon">
			<a class="find" href="index.php">Find something</a>
		</div>
	</section>
	
	
	
	
	<!-- Section -->
	
	<section>
		<h2>Form</h2>
		<ul class="form">
			<li>
				<p>User</p>
				<p>
					<input type="text" value="John"/>
				</p>
			</li>
			<li>
				<p>Pass</p>
				<p>
					<input type="password" value="123456"/>
				</p>
			</li>
			<li>
				<p>Select</p>
				<p>
					<select>
						<option value="">Select the option 1</option>
						<option value="">Select the option 2</option>
						<option value="">Select the option 3</option>
						<option value="">Select the option 4</option>
						<option value="">Select the option 5</option>
					</select>
				</p>
			</li>
			<li>
				<p>Choose</p>
				<p>
					<label><input type="radio" name="radio"/> One</label><br>
					<label><input type="radio" name="radio"/> Two</label><br>
					<label><input type="radio" name="radio"/> Three</label>
				</p>
			</li>
			<li>
				<p>Textarea</p>
				<p>
					<textarea cols="30" rows="10"></textarea>
				</p>
			</li>
			<li>
				<p>Cell</p>
				<p>
					<label><input type="checkbox" /> Sign up to newsletter</label>
				</p>
			</li>
		</ul>
		<div class="foot">
			<button class="button">Post</button>
			<button class="button">Save draft</button>
			<button class="button">Cancel</button>
		</div>
	</section>	

	
	<!-- Section with avatars -->
	
	<section>
		<h2>Section header</h2>
		<h3>Subtitle</h3>
		<article>
			<div class="avatar left"></div>
			<div class="brick">
				<h4>Another article with a very long title.</h4>
				<p><span class="ghost">12:45</span> &middot; <a>John Smith</a></p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius neque nulla. Donec sodales, neque ac porta hendrerit, urna quam rutrum diam, vitae fermentum velit felis sit amet elit. Nulla euismod mauris leo, et vestibulum dolor. Pellentesque fermentum lacus at urna lacinia et eleifend neque adipiscing. Duis varius nunc ornare lacus egestas ac elementum diam auctor. Pellentesque scelerisque aliquam ante, quis sodales arcu ultrices hendrerit. Pellentesque fermentum tincidunt felis, vitae ultrices ligula suscipit et.</p>
			</div>
		</article>
		<article>
			<div class="avatar left"></div>
			<div class="brick">
				<h4>Another article with a very long title.</h4>
				<p><span class="ghost">12:45</span> &middot; <a>John Smith</a></p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius neque nulla.</p> <p>Donec sodales, neque ac porta hendrerit, urna quam rutrum diam, vitae fermentum velit felis sit amet elit. Nulla euismod mauris leo, et vestibulum dolor. Pellentesque fermentum lacus at urna lacinia et eleifend neque adipiscing. Duis varius nunc ornare lacus egestas ac elementum diam auctor. Pellentesque scelerisque aliquam ante, quis sodales arcu ultrices hendrerit. Pellentesque fermentum tincidunt felis, vitae ultrices ligula suscipit et.</p>
			</div>
		</article>
		<article>
			<div class="avatar left"></div>
			<div class="brick">
				<h4>Another article with a very long title.</h4>
				<p><span class="ghost">12:45</span> &middot; <a>John Smith</a></p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam varius neque nulla. Donec sodales, neque ac porta hendrerit, urna quam rutrum diam, vitae fermentum velit felis sit amet elit. </p><p>Nulla euismod mauris leo, et vestibulum dolor. Pellentesque fermentum lacus at urna lacinia et eleifend neque adipiscing. Duis varius nunc ornare lacus egestas ac elementum diam auctor. Pellentesque scelerisque aliquam ante, quis sodales arcu ultrices hendrerit. Pellentesque fermentum tincidunt felis, vitae ultrices ligula suscipit et.</p>
				<div class="minicon"><a href="" class="edit">Update</a><a href="" class="remove">Delete</a></div>
			</div>
		</article>
		<div class="foot minicon">
			<a class="find" href="index.php">Find something</a>
		</div>
	</section>
	
	
	
</div><!-- main -->

<div class="sidebar"></div>
